<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <#include "../inc/list.ftl"/>
    <@list/>
</head>
<body >
<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                <div class="panel-body">
                    <table width="100%" class="table table-striped table-bordered table-hover" id="list">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>服装ID</th>
                            <th>服装名</th>
                            <th>出库入库</th>
                            <th>时间</th>
                            <th>数量</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.panel-body -->
</div>
<!-- /.panel -->
<script>
    $(document).ready(function() {
        var table = $('#list').DataTable({
            "ajax": '/inventory/allList',
            "language": {
                "url": "/vendor/datatables/i18n/Chinese.json"
            },
            "columns": [
                {"data": "id","visible" : false},
                {"data": "clothingid"},
                {"data": "clothingname"},
                {"data": "type"},
                {"data": "creattime"},
                {"data": "number"}
            ],
            responsive: true,
            select: true //datatables select 插件
        });

    });

</script>
</body>

</html>